<template>
  <div class='tui-empty' :style="'padding-top:'+ paddingTop">
    <image :src="img" alt="" />
    <view>{{ text }}</view>
  </div>
</template>
<script>
import { isLocalImgUrl } from '@/utils/common';
export default {
  name: 'tui-empty',
  props: {
    img: {
      type:String,
      default: `${isLocalImgUrl('/hx-school/1719071437718.png')}`
    },
    text: {
      type:String,
      default: '这里空空如也~'
    },
    paddingTop: {
      type: Number | String,
      default: '116rpx'
    }
  },
  data() {
    return {
    }
  },
  watch: {},
  components:{},
  mounted() {
  },
  methods: {},
}
</script>
<style lang='scss' scoped>
.tui-empty {
  text-align: center;
  image {
    width: 320rpx;
    height: 170rpx;
    margin-bottom: 25rpx;
  }
  text {
    margin-top: 20rpx;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 24rpx;
    color: #8F8F8F;
  }
}
</style>